@media only screen and (min-width: 750px){
    /* 登录界面  */
    .Login{
    	width: 100vw;
    	height: 100%;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	background: #99DACE;
		background-image url(../../assets/LoginBG.png);
		background-size:100% 100%;
    }
    /* 登录的百色框框  */
    .main{
    	border-radius: 15px;
    	width: 465px;
    	height: 430px;
    	background: rgba(255, 255, 255, 0.96);
    }


    /* 登录框框的标题  */
    .title {
    	width: 300px;
    	height: 30px;
    	font-size: 22px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #68ADE9;
    	line-height: 30px;
    	margin: auto;
    	text-align: center;
    	margin-top: 8%;
    }


    /* 登录的账号 */
    .usernumber {
    	height: 40px;
    	text-align: center;
    	margin-top: 3rem;
    	position: relative;
    }

    /* 登录框框的icon图标  */
    .dashadiao{
    	position: absolute;
    	top: 7px;
    }

    /* 登录的账号  */
    .Useraccount {
		padding-left: 10px;
    	border-bottom: 0.0625rem #B8DAFF solid;
    	border-top: 0px;
    	border-left: 0px;
    	border-right: 0px;
    	display: inline-block;
    	width: 80%;
    	height: 40px;
    	margin-left: 3rem;
    	font-size: 20px;
    }

    /* 页面的input框css  */
    ::-webkit-input-placeholder {
    	width: 147px;
    	height: 22px;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #68ADE9;
    	line-height: 22px;
    	box-shadow: inset 0 0 1000px #fff !important;
    }

    input:-webkit-autofill  textarea:-webkit-autofill select:-webkit-autofill {
    	-webkit-text-fill-color: #ededed !important;
    	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
        background-color:transparent;
        background-image: none;
         transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
    }
    input {
    	 background-color:transparent;
    	 box-shadow: inset 0 0 1000px #fff !important;
    }
	input:-webkit-autofill {
	    -webkit-box-shadow: 0 0 0 1000px white inset !important;
	}
    /* 用户注册的密码 */
    .QQ {
    	height: 40px;
    	text-align: center;
    	margin-top: 3rem;
    	position: relative;
    }

    /* 用户注册的密码框css */
    .QQnumber {
		padding-left: 10px
    	border-bottom: 0.0625rem #B8DAFF solid !important;
    	border-top: 0px;
    	border-left: 0px;
    	border-right: 0px;
    	display: inline-block;
    	width: 80%;
    	height: 40px;
    	margin-left: 3rem;
    	font-size: 20px;
    }


    .inp{
    	height: 1.25rem;
    	margin-top: 0.5rem;
    }
    .dian{
    	margin-left: 15%;
    	width: 15px;
    	height: 15px;
    	border-radius: 10px;
    	border: 1px solid rgba(0, 0, 0, 0.25);
    	vertical-align: text-bottom;
    	margin-bottom: 2px;
    }
    .jizhu{
    	width: 4.6875rem;
    	height: 1.25rem;
    	margin-left: 2%;
    	font-size: 12px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: rgba(0, 0, 0, 0.25);
    }


    .loginrow{
    	height: 46px;
    	text-align: center;
    	margin-top: 2rem;
    }
    .LoginBt{
    	width: 210px;
    	height: 46px;
    	background: #68ADE9;
    	border-radius: 10px;
    	font-size: 1.375rem;
    	font-weight: 400;
    	font-family: PingFangSC-Regular, sans-serif;
    }

    .mowei{
    	margin-top: 0rem;
    	text-align: center;
    }
    .moweiyi{
    	width: 128px;
    	height: 20px;
    	font-size: 14px;
    	font-family: Microsoft YaHei;
    	font-weight: 400;
    	color: #789;
    	line-height: 20px;
    }
    .moweier{
    	width: 128px;
    	height: 20px;
    	font-size: 14px;
    	font-family: Microsoft YaHei;
    	font-weight: 400;
    	color: #68ADE9;
    	line-height: 20px;
    }
    .jizhu{
      margin-left 260px;
    }
}

@media only screen and (max-width: 750px){
    /* 登录界面  */
    .Login{
    	width: 100vw;
    	height: 100%;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	background: #99DACE;
		background-image url(../../assets/LoginBG.png);
		background-size:100% 100%;
    }
    /* 登录的百色框框  */
    .main{
    	border-radius: 15px;
    	width: 370px;
    	height: 430px;
    	background: rgba(255, 255, 255, 0.96);
    }


    /* 登录框框的标题  */
    .title {
    	width: 300px;
    	height: 30px;
    	font-size: 22px;
    	font-family: PingFangSC-Medium, PingFang SC;
    	font-weight: 500;
    	color: #68ADE9;
    	line-height: 30px;
    	margin: auto;
    	text-align: center;
    	margin-top: 8%;
    }


    /* 登录的账号 */
    .usernumber {
    	height: 40px;
    	text-align: center;
    	margin-top: 3rem;
    	position: relative;
    }

    /* 登录框框的icon图标  */
    .dashadiao{
    	position: absolute;
    	top: 7px;
    }

    /* 登录的账号  */
    .Useraccount {
    	border-bottom: 0.0625rem #B8DAFF solid;
    	border-top: 0px;
    	border-left: 0px;
    	border-right: 0px;
    	display: inline-block;
    	width: 80%;
    	height: 40px;
    	margin-left: 3rem;
    	font-size: 20px;
    }

    /* 页面的input框css  */
    ::-webkit-input-placeholder {
    	width: 147px;
    	height: 22px;
    	font-size: 16px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: #68ADE9;
    	line-height: 22px;
    	box-shadow: inset 0 0 1000px #fff !important;
    }

    input:-webkit-autofill  textarea:-webkit-autofill select:-webkit-autofill {
    	-webkit-text-fill-color: #ededed !important;
    	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
        background-color:transparent;
        background-image: none;
         transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
    }
    input {
    	 background-color:transparent;
    	 box-shadow: inset 0 0 1000px #fff !important;

    }
    /* 用户注册的密码 */
    .QQ {
    	height: 40px;
    	text-align: center;
    	margin-top: 2rem;
    	position: relative;
    }

    /* 用户注册的密码框css */
    .QQnumber {
    	border-bottom: 0.0625rem #B8DAFF solid;
    	border-top: 0px;
    	border-left: 0px;
    	border-right: 0px;
    	display: inline-block;
    	width: 80%;
    	height: 40px;
    	margin-left: 3rem;
    	font-size: 20px;
    }


    .inp{
    	height: 1.25rem;
    	margin-top: 0.5rem;
    }
    .dian{
    	margin-left: 15%;
    	width: 15px;
    	height: 15px;
    	border-radius: 10px;
    	border: 1px solid rgba(0, 0, 0, 0.25);
    	vertical-align: text-bottom;
    	margin-bottom: 2px;
    }
    .jizhu{
    	width: 4.6875rem;
    	height: 1.25rem;
    	margin-left: 2%;
    	font-size: 12px;
    	font-family: PingFangSC-Regular, PingFang SC;
    	font-weight: 400;
    	color: rgba(0, 0, 0, 0.25);
    }


    .loginrow{
    	height: 46px;
    	text-align: center;
    	margin-top: 3rem;
    }
    .LoginBt{
    	width: 200px;
    	height: 46px;
    	background: #68ADE9;
    	border-radius: 10px;
    	font-size: 1.375rem;
    	font-weight: 400;
    	font-family: PingFangSC-Regular, sans-serif;
    }

    .mowei{
    	margin-top: 2rem;
    	text-align: center;
    }
    .moweiyi{
    	width: 128px;
    	height: 20px;
    	font-size: 14px;
    	font-family: Microsoft YaHei;
    	font-weight: 400;
    	color: lightslategray;
    	line-height: 20px;
    }
    .moweier{
    	width: 128px;
    	height: 20px;
    	font-size: 14px;
    	font-family: Microsoft YaHei;
    	font-weight: 400;
    	color: #68ADE9;
    	line-height: 20px;
    }
	}

.kfbg
	width: 100%
	height: 100%

.jizhu{
    margin-left 200px;
}